<template>
	<div class="xj-eyegzhwhiteback">
		<i class="iconfont eyegzh-icon">&#xe8bb;</i>
		<div class="xj-search-input">
			<div  @click.prevent="myClick($event)"><span>微信公众号：{{eyegzh.text}} <span v-if="eyegzh.text?false:true">请输入你的公众号</span></span></div>
		</div> 
	</div>
</template>
    
<script>
	export default {
		props: ["eyegzh","prevent"],
		methods:{
				myClick(e){
					console.log(e)
				//不阻止事件行为
				if(this.prevent){
				//阻止事件行为
				e.preventDefault();
                return;
			    }
			}
		},
		created(){
			//console.log(this.eyegzh);
		}
	}
</script>

<style lang="scss">
	.xj-eyegzhwhiteback {
		background-color: white;
		width: 100%;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	
		.eyegzh-icon {
			position: absolute;
			left:25%;
			z-index: 999;
			font-weight: 300;
		}
	
		.xj-search-input {
			background-color: $danlv;
			width: 95%;
			line-height: 30px;
			font-size:12px;
			border: none;
			padding-left: 30px;
			text-align: center;
			span{
				color:$shenlv;
			}
		}
		
	}
</style>